:root {
  --colorPrimary: #165dff;
  --colorPrimary1: #e8f3ff;
  --colorPrimary2: #bedaff;
  --colorPrimary3: #94bfff;
  --colorDanger: #f53f3f;
  --colorDanger1: #ffece8;
  --colorSuccess: #00b42a;
  --colorSuccess1: #e8ffea;
  --colorWarning: #ff7d00;
  --colorFill1: #f7f8fa;
  --colorFill2: #f2f3f5;
  --colorFill3: #e5e6eb;
  --colorFill4: #c9cdd4;
  --colorCyan1: #e8fffb;
  --colorCyan6: #0fc6c2;
  --normalColor: #1d2129;
  // 用得较多的文字的颜色 (常规按钮的文字...)
  --colorText2: #4e5969;
  // 灰色文字 tips..
  --colorText3: #86909c;

  // 文字颜色
  --titleColor: var(--normalColor);
  --tipsColor: var(--colorText3);
  --placeholderColor: #86909c;
  --disabledColor: var(--colorFill4);
  // 表单元素文字颜色（input, select...）
  --formItemColor: var(--normalColor);
  --formLabelColor: var(--colorText2);
  // 表单元素禁用背景色
  --formItemDisabledBgColor: var(--colorFill1);
  // 表单元素禁用文字顔色
  --formItemDisabledColor: var(--colorFill4);
  --borderColor: #e5e6eb;
  // 表格选中颜色
  --tableSelectColor: var(--colorPrimary1);
  // 表格鼠标悬浮行颜色
  --tableHoverColor: #e8f3ff;
  // 表格斑马纹深色行颜色
  --tableZebraColor: var(--colorFill1);
  // TODO:表格无权限禁用文字颜色
  --tableDisabledColor: #bfbfbf;
  --tableHeaderBgColor: var(--colorFill2);
  --modalHeaderBgColor: transparent;
  --treeSelectBg: var(--colorPrimary1);

  /*** 按钮的一些颜色 start  **/
  // primary
  // --btn-bg-color-primary: #165DFF;
  --btnBgColorPrimaryHover: #4080ff;
  --btnBgColorPrimaryActive: #0e42d2;
  --btnBgColorPrimaryDisabled: #94bfff;
  // default
  --btnBgColorDefault: var(--colorFill2);
  --btnBgColorDefaultHover: #e5e6eb;
  --btnBgColorDefaultActive: var(--colorFill4);
  --btnBgColorDefaultDisabled: var(--colorFill1);
  --btnColorDefaultDisabled: var(--colorFill4);
  // link
  --btnColorLinkDisabled: var(--colorPrimary2);
  /*** 按钮的一些颜色 end  **/

  // 按钮内文字大小
  --btnFontSize: 14px;
  // 表单元素文字大小
  --formFontSize: 14px;

  // 常规的表单组件的高度 包括按钮、输入框等
  --commonFormItemHeight: 32px;
  // 小一点的表单组件的高度 查询时
  --miniFormItemHeight: 28px;
  //头部背景色
  --topBg: #fff;
  //头部user-name的文字颜色
  --topColor: #1d2129;
  //头部icon的颜色
  --topIconColor: #fff;
  //头部欢迎你的颜色
  --topWelcomeColor: #86909c;
  //头部底部线
  --topBorderLineColor:#e5e6eb;
  //左侧背景色
  --leftBg: #fff;
  //左侧菜单栏选中背景颜色
  --leftMenuSelectedBg: #f2f3f5;
  //左侧菜单栏hover背景颜色
  --leftMenuHoverColor: rgba(0, 0, 0, 0.06);
  // //左侧菜单栏hover文字颜色
  --leftMenuHover: #1D2129;
  //左侧菜单栏默认文字颜色
  --leftMenuColor: #4e5969;
  //左侧菜单栏选中文字颜色
  --leftSelectMenuColor: #165dff;
  //左侧菜单栏父级选中文字颜色
  --leftFatherSelectMenuColor: #165dff;
  //左侧菜单svg默认颜色
  --leftSvg: rgb(78, 89, 105);
  //左侧菜单svg选中颜色
  --leftSelectSvg: rgb(22, 93, 255);
}
